<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="utf-8">
	<title>评论</title>
	<script src="/js/bootstrap.js"></script>
	<script src="/js/bootstrap.min.js"></script>
	<script src="/js/getParameter.js"></script>
	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
</head>
<style>

	.article-con-page {
		position: relative;
		width: 100%;
	}
	.article-con {
		position: relative;
		width: 100%;
		padding: 10px;
	}
	.article-title {
		font-size: 20px;
		line-height: 1.5;
	}
	.article-info-con {
		margin: 5px 0 20px;
	}
	.article-info {
		color: #999;
		font-size: 14px;
	}
	#article-release-date {
		margin-right: 10px;
	}
	.author-words-con {
		border: 1px solid #cec0bf;
		padding: 15px 10px;
		font-size: 12px;
		line-height: 1.5;
		background: #efefef;
	}
	.words-label {
		color: #cc887f;
		font-size: 16px;
		font-weight: bold;
		margin-right: 5px;
	}

</style>
<body>
<header class="mui-bar mui-bar-nav">
	<a href="javascript:void(history.back())" class="btn-link" id="goback-btn">
		<span class="mui-icon mui-icon-back"></span>
		返回
	</a>
</header>
<!--文章内容页-->
<div class="article-con-page" th:each="item:${comList}">
	<div class="article-con">
		<div class="article-title">[[${item.TraName}]]</div>
		<div class="article-info-con">
			<span class="article-info">用户ID：</span>
			<span class="article-info">[[${item.uId}]]</span>
		</div>
		<div class="author-words-con">
			<span class="words-label">[[${item.uName}]]</span>
			<span id="author-words">[[${item.pContent}]]</span>
		</div>
		<div class="article-content"></div>
	</div>
</div>

<form th:action="@{/comment/addComment(traId=${comList.get(0).traId})}"method="post" >
	<div class="introduce">
		<textarea name="pContent" cols="30" id="pContent" required rows="10" style="width: 1432px; height: 84px;"></textarea>
		<label id="introduce_trip"></label>
		<div class="level">
			<button type="submit">提交评论</button>
		</div>
	</div>
</form>

</body>
</html>
